<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>XXMS - Homepage</title>

<link href="<%=request.getContextPath()%>/css/bootstrap.min.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/datepicker3.css"
	rel="stylesheet">
<link href="<%=request.getContextPath()%>/css/styles.css"
	rel="stylesheet">

<!--[if lt IE 9]>
<script src="<%=request.getContextPath()%>/js/html5shiv.js"></script>
<script src="<%=request.getContextPath()%>/js/respond.min.js"></script>
<![endif]-->

</head>

<body>
	<jsp:include page="header.jsp"></jsp:include><!-- 此处必须在同一行，不能换行,否则不能正常引入，页面显示不正常 -->

	<jsp:include page="sidebar.jsp"></jsp:include>

	<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
		<div class="row">
			<ol class="breadcrumb">
				<li><a href="<%=request.getContextPath()%>/index.jsp"><span
						class="glyphicon glyphicon-home"></span> </a></li>
				<li class="active">Homepage</li>
			</ol>
		</div>
		<!--/.row-->
		<div class="row">
			<div class="col-xs-12">
				<iframe src="viwepaper.jsp" frameborder="0" class="col-xs-12"
					height="470px" marginheight="200px" scrolling="no" ></iframe>
				<div
					style="text-align:center;margin:0 0; font:normal 14px/24px 'MicroSoft YaHei';">
					<p>Copyright &copy; 2016.JusterDu All rights reserved.</p>
				</div>
			</div>
			<!--/.col -->
		</div>
		<!--/.row -->

	</div>
	<!--/.main-->

	<script src="<%=request.getContextPath()%>/js/jquery-1.11.1.min.js"></script>
	<script src="<%=request.getContextPath()%>/js/bootstrap.min.js"></script>
	<script src="<%=request.getContextPath()%>/js/chart.min.js"></script>
	<script src="<%=request.getContextPath()%>/js/chart-data.js"></script>
	<script src="<%=request.getContextPath()%>/js/easypiechart.js"></script>
	<script src="<%=request.getContextPath()%>/js/easypiechart-data.js"></script>
	<script src="<%=request.getContextPath()%>/js/bootstrap-datepicker.js"></script>
	<script src="<%=request.getContextPath()%>/js/bootstrap-table.js"></script>
	<script>
		!function($) {
			$(document)
					.on(
							"click",
							"ul.nav li.parent > a > span.icon",
							function() {
								$(this).find('em:first').toggleClass(
										"glyphicon-minus");
							});
			$(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
		}(window.jQuery);

		$(window).on('resize', function() {
			if ($(window).width() > 768)
				$('#sidebar-collapse').collapse('show')
		})
		$(window).on('resize', function() {
			if ($(window).width() <= 767)
				$('#sidebar-collapse').collapse('hide')
		})
	</script>
</body>

</html>
